<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="icon" href="//www.fila.cn/favicon.ico" type="image/x-icon">
    <title>FILA｜斐乐官方网站(CN)</title>
    <link rel="stylesheet" href="/css/detail-pages.css">
</head>

<body>
    <!-- *头部 -->
    <header class="header"></header>
    <!-- *侧边栏 -->
    <div class="main">
        <div class="page-nav"></div>
        <div class="detail">
            <div class="top" id="top">

            </div>    
                <script type="text/html" id="topTemplate">
                    <div class="all-goods">
                        <h3>所有商品<span>({{list.length}})</span></h3>
                    </div>
                    <div class="top-right">
                        <div class="result-count">匹配结果({{list.length}})</div>
                        <div class="selector-open">筛选</div>
                        <div class="filter-order">
                            <a href="javascript:;" class="filter-order-btn dropdown-btn">新品排序</a>
                            <ul class="filter-order-list dropdown-menu">
                                <li class="active"><a href="javascript:;">新品排序</a></li>
                                <li class=""><a href="javascript:;">销量排序</a></li>
                                <li class=""><a href="javascript:;">价格由低到高</a></li>
                                <li class=""><a href="javascript:;">价格由高到低</a></li>
                            </ul>
                        </div>
                    </div>
                </script>

            <ul class="goods-list" id="goods-list">
                
            </ul>
            <script type="text/html" id="goods-listTemplate">
                {{each list item}}
                {{if item.title}}
                <li class="goods-item" >
                    <div class="goods-body">
                        <a href="/html/shopPages.html?id={{item.id}}" class="goods-pic"><img src="{{item.image}}" alt=""></a>
                        <a href="/html/shopPages.html?id={{item.id}}" class="goods-name">{{item.title.slice(0,14)}}...</a>
                        <a href="/html/shopPages.html?id={{item.id}}" class="goods-price">￥{{(item.price).toFixed(2)}}</a>
                    </div>
                </li>
                {{/if}}
                {{/each}}
            </script>
        </div>
    </div>

    <footer></footer>
    <div class="web-service"></div>
    <script src="/libs/require.js" data-main="/js/detail-pages"></script>
</body>

</html>